﻿<%@ page language="c#" autoeventwireup="false" inherits="Lx.Web.Common.UI.TDTPageBase" %>
<%@ register tagprefix="DT" namespace="Lx.Web.Common.UI" assembly="Web.Common" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
<head>
    <title>
        <%=GetText("C5003")%>
    </title>
    <meta name="Description" content="<%=GetText("C5002")%>">
    <meta name="KEYWORDS" content="<%=GetText("C5001")%>">
    <meta content="JavaScript" name="vs_defaultClientScript">
    <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
    <link type="text/css" rel="stylesheet"  href="/my/webim.css" />
</head>
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<body onload="MM_preloadImages('/Images/webim/icon_scroll_bs.gif')">
<div class="chat_layer">
	<div class="chat_top">
		<div class="chat_topleft"><img src="/Images/webim/logo.jpg" /> Chat Now</div>
		<div class="chat_topright white"><a href="#">Settings</a></div>
		<div class="clear"></div>
	</div>
	<div>
		<div class="chat_layerleft">
			<div class="chat_namelist">
				<div class="categories">Friends <span class="grey12">(5)</span></div>
				<div id="scroll_t" class="scroll_t"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image22','','/Images/webim/icon_scroll_ts.gif',1)"><img src="/Images/webim/icon_scroll_t.gif" name="Image22" border="0" id="Image22" /></a></div>
				<div id="friendlist">
					<div id="membername">
						<div class="membername_status"><img src="/Images/Offline.gif" align="absmiddle" /></div>
						<div class="membername_name none_select"><strong><a href="#">Vincent</a></strong></div>
						<div class="membername_close"><img src="/Images/webim/close_dia.gif" align="absmiddle" /></div>
						<div class="clear"></div>
						<div class="membername_curr"></div>
					</div>
					<div id="membername">
						<div class="membername_status"><img src="/Images/Online.gif" /></div>
						<div class="membername_name none_select"><strong><a href="#">Vincent</a></strong></div>
						<div class="membername_close"><img src="/Images/webim/close_dia.gif" /></div>
						<div class="clear"></div>
						<div class="membername_curr"><img src="/Images/webim/select_arrow.gif" /></div>
					</div>
					<div id="membername">
						<div class="membername_status"><img src="/Images/Offline.gif" /></div>
						<div class="membername_name none_select"><strong><a href="#">Vincent</a></strong></div>
						<div class="membername_close"><img src="/Images/webim/close_dia.gif" /></div>
						<div class="clear"></div>
						<div class="membername_curr"></div>
					</div>
					<div id="membername">
						<div class="membername_status"><img src="/Images/Offline.gif" /></div>
						<div class="membername_name none_select"><strong><a href="#">Vincent</a></strong></div>
						<div class="membername_close"><img src="/Images/webim/close_dia.gif" /></div>
						<div class="clear"></div>
						<div class="membername_curr"></div>
					</div>
					<div id="membername">
						<div class="membername_status"><img src="/Images/Offline.gif" /></div>
						<div class="membername_name none_select"><strong><a href="#">Vincent</a></strong></div>
						<div class="membername_close"><img src="/Images/webim/close_dia.gif" /></div>
						<div class="clear"></div>
						<div class="membername_curr"></div>
					</div>
				</div>
				<div id="scroll_b" class="scroll_b"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image23','','/Images/webim/icon_scroll_bs.gif',1)"><img src="/Images/webim/icon_scroll_b.gif" name="Image23" border="0" id="Image23" /></a></div>
				<div class="categories">Others <span class="grey12">(1)</span></div>
				<div id="scroll_t" class="scroll_t"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image24','','/Images/webim/icon_scroll_ts.gif',1)"><img src="/Images/webim/icon_scroll_t.gif" name="Image24" border="0" id="Image24" /></a></div>
				<div id="otherlist">
					<div id="membername">
						<div class="membername_status"><img src="/Images/Offline.gif" align="absmiddle" /></div>
						<div class="membername_name none_select"><strong><a href="#">Vincent</a></strong></div>
						<div class="membername_close"><img src="/Images/webim/close_dia.gif" align="absmiddle" /></div>
						<div class="clear"></div>
						<div class="membername_curr"></div>
					</div>
				</div>
				<div id="scroll_b" class="scroll_b"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image25','','/Images/webim/icon_scroll_bs.gif',1)"><img src="/Images/webim/icon_scroll_b.gif" name="Image25" border="0" id="Image25" /></a></div>
			</div>
		</div>
		<div class="chat_area">
			<div style="padding:10px">
				<div class="member_info">
					<div class="member_info_avater"><div class="pic50"><a href="#" class="photo_50"><img src="http://www.italki.com/UpLoadImages/Avatar/T002267503_Avatar.jpg" /></a></div></div>
					<div class="member_info_info">
						<div class="blue14bu"><a href="#">Vincent</a></div>
						<div>Speaks: English, Spanish<br />Learning: Chinese(Mandarin), Japanese</div>
					</div>
					<div class="member_option"><img src="/Images/webim/icon_memberadd_none.gif" align="absmiddle" />&nbsp;<img src="/Images/webim/icon_camera_none.gif" align="absmiddle" /></div>
					<div class="clear"></div>
				</div>
				<div class="chat_text">
					<ul class="chat">
						<li><font color="#a84a4b"><strong>Alan</strong> - Thursday, 31 May 2008 3:07 PM</font><br />I would like to learn a language, what's you name?</li>
						<li><font color="#658fb7"><strong>Yongyue</strong> - Thursday, 31 May 2008 3:08 PM</font><br />I learning english, and my name is yongyue</li>
						<li><font color="#a84a4b"><strong>Alan</strong> - Thursday, 31 May 2008 3:09 PM</font><br />Realy? I like this name!</li>
						<li><font color="#658fb7"><strong>Yongyue</strong> - Thursday, 31 May 2008 3:08 PM</font><br />I learning english, and my name is yongyue</li>
						<li><font color="#a84a4b"><strong>Alan</strong> - Thursday, 31 May 2008 3:09 PM</font><br />Realy? I like this name!</li>
						<li><font color="#658fb7"><strong>Yongyue</strong> - Thursday, 31 May 2008 3:08 PM</font><br />I learning english, and my name is yongyue</li>
						<li><font color="#a84a4b"><strong>Alan</strong> - Thursday, 31 May 2008 3:09 PM</font><br />Realy? I like this name!</li>
						<li><font color="#658fb7"><strong>Yongyue</strong> - Thursday, 31 May 2008 3:08 PM</font><br />I learning english, and my name is yongyue</li>
						<li><font color="#a84a4b"><strong>Alan</strong> - Thursday, 31 May 2008 3:09 PM</font><br />Realy? I like this name!</li>
						<li><font color="#658fb7"><strong>Yongyue</strong> - Thursday, 31 May 2008 3:08 PM</font><br />I learning english, and my name is yongyue</li>
						<li><font color="#a84a4b"><strong>Alan</strong> - Thursday, 31 May 2008 3:09 PM</font><br />Realy? I like this name!</li>
					</ul>
				</div>
				<div class="chat_sent">
					<div class="chat_sent_content">123</div>
					<div class="chat_sent_button"><img src="/Images/webim/icon_sent.gif" /></div>
					<div class="clear"></div>
				</div>
			</div>
		</div>
	</div>
</div>
</body>
</html>